<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Flask</title>
    <style>
        .head{
            width: 90%;
            height: 350px;
            display: flex;
            margin: 0 auto;
            border: 5px solid blueviolet;
            text-align: center;
            align-items: center;
            justify-content: center;
        }
        .footer{
            width: 90%;
            margin: 25px auto;
            border: 5px solid burlywood;
            text-align: center;
        }
    </style>
</head>
<body>
    <div class="head">
        我在学习Flask框架
    </div>
    <div class="footer">
        {{params.hi|title}}
    </div>
    <div class="footer">
<!--        <img src="/static/images/hutou.jpg" height="350px" width="100%"/>-->
        <img src="{{url_for('static',filename='images/hutou.jpg')}}" height="350px" width="100%"/>

        <h3>{{params.title}}</h3>
        <h3>{{params.author}}</h3>
        <h3>{{params.price}}</h3>
        <h3>{{params.publisher}}</h3>
    </div>
</body>
</html>